<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册登录页</title>
     <link rel="stylesheet" type="text/css" href="register&login.css"/>
   
</head>
<body>

<!--header1 -->
   <div  class="header">
        <div  class="toplogo">
             <!-- <a href="http://www.zbird.com/"></a> -->
        </div>
        <div class="nav">
          <div class="navleft">
               <div class="navleft-1">
                   <a href="javascript:;" class="nav-hover">
                       <span  class="border">钻石</span>
                    </a>
                    <a href="" class="nav-hover">
                        <span class="border">钻戒</span>
                     </a>
                     <a href="" class="nav-hover">
                        <span class="border">对戒</span>
                     </a>
                     <a href="" class="nav-hover">
                        <span class="border">配饰</span>
                     </a>
                     <a href="" class="nav-hover">
                        <span class="border">定制</span>
                     </a>
                     <a href="" class="nav-hover">
                        <span class="border">品牌故事</span>
                     </a> 

                </div>

                </div>    
               
              <div class="navleft-2" >
                  <div class="nav1"  >
                      <div class="nav1-1">
                          <span>按分数大小</span>
                          <a href="">30分</a>
                          <a href="">50分</a>
                          <a href="">70分</a>
                          <a href="">克拉钻</a>
                          <a href="">海淘钻石立省30%</a>
                      </div>
                      <div class="nav1-2">
                          <span>按钻石形状</span>
                          <a href="">
                              <img src="	http://img.zbird.cn/picdb/625/51/62551_1_.jpg"/>
                              圆形</a>
                              <a href="">
                                 <img src="	http://img.zbird.cn/picdb/625/51/62551_1_.jpg"/>
                                    垫形</a>
                                 <a href="">
                                      <img src="	http://img.zbird.cn/picdb/625/51/62551_1_.jpg"/>
                                        心形</a>
                          <a href="">
                            <img src="	http://img.zbird.cn/picdb/625/51/62551_1_.jpg"/>
                              梨形</a>
                          <a href="">
                             <img src="	http://img.zbird.cn/picdb/625/51/62551_1_.jpg"/>
                             公主方形</a>
                          <a href="">
                            <img src="	http://img.zbird.cn/picdb/625/51/62551_1_.jpg"/>
                           雷迪恩形</a>
                         <a href="">
                            <img src="	http://img.zbird.cn/picdb/625/51/62551_1_.jpg"/>
                            祖母绿形</a>
                            <a href="">
                             <img src="	http://img.zbird.cn/picdb/625/51/62551_1_.jpg"/>
                             橄榄方形</a>
                             <a href="">
                                <img src="	http://img.zbird.cn/picdb/625/51/62551_1_.jpg"/>
                                椭圆形</a>
                                
                             </div>
                    
                       <div class="nav1-3">
                             <span>精品钻石</span>
                             <a href="">北极光圆形</a>
                             <a href="">firechsuion垫形系列</a>
                             <a href="">fireprincess公主方形系列</a>
                             <a href="">heart in heart 心型系列</a>
                             <a href="">海淘钻石立省30%</a>
                        </div>
                       <div class="nav1-4">
                          <a href="">
                              <img src="http://img.zbird.cn/picdb/625/65/62565_1_.jpg"/>
                          </a>
                      </div>
                     </div>
                       <!--第一个页面下菜单结束  -->
                      <div class="nav2" >
                           <div class="nav2-1">
                               <span>开始定制</span>
                               <a href="">从钻戒开始定制</a>
                               <a href="">从裸钻开始定制</a>
                               <a href="">了解贵重金属知识</a>
                               <a href="">了解测量手寸</a>
                           </div>
                           <div class="nav2-2">
                            <span>按分类</span>
                            <a href="">
                                <img src="http://img.zbird.cn/picdb/625/40/62540_1_.jpg"/>
                                简约款钻石</a>
                                <a href="">
                                <img src="http://img.zbird.cn/picdb/625/40/62540_1_.jpg"/>
                                豪华款钻石</a>
                                <a href="">
                                <img src="http://img.zbird.cn/picdb/625/40/62540_1_.jpg"/>
                                群镶钻款钻石</a>
                                <a href="">
                                <img src="http://img.zbird.cn/picdb/625/40/62540_1_.jpg"/>
                               排钻戒</a>
                               <a href="">
                                <img src="http://img.zbird.cn/picdb/625/40/62540_1_.jpg"/>
                               男士戒</a>
                           </div>
                           <div class="nav2-3">
                            <span>钻戒系列</span>
                            <a href="">北极光圆形</a>
                            <a href="">firechsuion垫形系列</a>
                            <a href="">fireprincess公主方形系列</a>
                            <a href="">heart in heart 心型系列</a>
                            <a href="">海淘钻石立省30%</a>
                           </div>
                           <div class="nav2-4">
                               <a href="">
                                   <img src="http://img.zbird.cn/picdb/625/60/62560_1_.jpg"/>
                               </a>
                           </div>
                        </div>

                      <!-- 第二个下拉菜单结束 -->
      
                  <div class="nav3" >
                    <div class="nav3-1">
                        <a href="">对戒</a>
                        <a href="">男士单只钻戒</a>
                        <a href="">女士单只钻戒</a>
                        <a href="">了解测量手寸</a>
                    </div>
                    <div class="nav3-2">
                        <a href="">对戒</a>
                        <a href="">18k金材质</a>
                        <a href="">18k银材质</a>
                        <a href="">pt铂金材质</a>
                        <a href="">珐琅材质</a>
                    </div>
                    <div class="nav3-3">
                        <a href="">into悦色系列</a>
                        <a href="">两人—世界系列</a>
                        <a href="">you&me系列</a>
                        </div>
                    <div class="nav3-4">
                        <a href="">
                            <img src="http://img.zbird.cn/picdb/625/38/62538_1_.jpg"/>
                        </a>
                    </div>
                   </div>
                  <!-- 第三个结束 -->
                  <div class="nav4">
                    <div class="nav4-1">
                        <span>按分类</span>
                        <a href="">吊链</a>
                        <a href="">项链</a>
                        <a href="">套链</a>
                        <a href="">耳钉</a>
                        <a href="">手链</a>
                        <a href="">手镯</a>
                   </div>
                   <div class="nav4-2">
                       <span>按材质</span>
                       <a href="">钻石饰品</a>
                       <a href="">珐琅饰品</a>
                     </div>
                     <div class="nav4-3">
                        <span>配饰系列</span>
                        <a href="">北极光追光圆形钻石系列</a>
                        <a href="">blink系列</a>
                        <a href="">into悦色系列</a>
                        <a href="">小幸运系列</a>
                        <a href="">生而不同星座系列</a>
                        <a href="">horoscope star星座系列</a>
                      </div>
                      <div class="nav4-4">
                          <a href="">
                              <img src="http://imu.zbird.cn/625/48/62548_1"/>
                          </a>
                      </div>
              </div>
<!-- 第四个结束 -->
             <div class="nav5" >
                <div class="nav5-1">
                    <span>开始定制</span>
                    <a href="">从裸钻开始定制</a>
                    <a href="">从戒托开始定制</a>
                    <a href="">从吊坠托开始定制</a>
                   </div>
                   <div class="nav5-2">
                    <span>珠宝学院</span>
                    <a href="">学习钻石4c知识</a>
                    <a href="">了解钻石证书</a>
                    <a href="">贵金属知识</a>
                    <a href="">戒指手寸测量</a>
                    <a href="">制作工艺</a>
                   </div>
                   <div class="nav5-3">
                    <span>款式大全</span>
                    <a href="">简约款</a>
                    <a href="">群镶款</a>
                    <a href="">豪华款</a>
                    <a href="">四爪镶嵌</a>
                    <a href="">六爪镶嵌</a>
                   </div>
                   <div class="nav5-4">
                       <a href="">
                           <img src="http://imu.zbird.cn/625/38/62538_1"/>
                       </a>
                   </div>
                </div>

              <!-- 第五个结束 -->
              <div class="nav6">
                    <div class="nav6-1">
                        <span>品牌故事</span>
                        <a href="">创始人&品牌历史</a>
                        <a href="">行业资质&公益事业</a>
                        <a href="">匠心工艺</a>
                        <a href="">品牌新闻</a>
                        <a href="">新娘说社区</a>
                        <a href="">积分换礼</a>

                     </div>
                     <div class="nav6-2">
                        <span>联系小鸟</span>
                        <a href="">电话客服</a>
                        <a href="">400-880-0051</a>
                        <a href="">周一至周日</a>
                     </div>
                     <div class="nav6-3">
                        <span>联系客服</span>
                        <a href="">在线客服</a>
                        <a href="">钻石小鸟手机官网</a>
                      </div>
                      <div class="nav6-4" >
                        
                        <a href="">
                            <img src="http://imp.zbird.cn/627/19/62719_1"/>
                        </a>
                        
                          </div>
                   </div>    
              <!--隐藏的二级菜单  -->
          </div>

          <!--顶端中间列表页（前6个 -->
          <div class="navright">
            <a href="">
                <span class="border">体验中心</span>
             </a>
          </div><!--顶端中间列表页（最后1个 -->
        </div>
        <div class="right">
            <form>
                <input type="text"  class="hiddenbox"/>
                <input type="button" class="searchbox"/>
            </form>
            <a href="" class="lock"></a>
            <a href="" class="person">我的鸟巢</a>
        </div>

   </div> 
<div class="main">
    <img src="http://img.zbird.cn/ww3/auth/up20200916/bg.jpg"/>
    <div class="rightbox">
        <!-- 标签 -->

        <div class="biaoqian">
            <div class="phone-login">注册登录</div>
            <div class="password-login">密码登录</div>
        </div>
        <!-- 注册登录页面 -->
        <div class="register" style="display:none">
            <input type="text" placeholder="请输入手机号" class="phone"/>
            <input type="text" placeholder="请输入数字" class="check-texing"/>
            <div id="yanzheng-texing">
                <img src="http://www.zbird.com/auth/captcha?0.3112133414525935"/>
            </div>
            <input type="text" placeholder="验证码" class="check-str"/>
            <input type="button" value="获取验证码" class="check-code"/>
        
        <input type="button" value="登录" class="log_btn"/>
</div>

        <!-- 密码登录页面 -->
        <div class="password">
            <input type="text" placeholder="手机号/邮箱" class="phone2"/>
            <input type="text" placeholder="密码" class="password_str"/>
            <input type="checkbox" class="checkbox"/>
            <a href="" class="forgetpassword">忘记密码？</a>
              
            <input type="button" value="登录" class="log_btn" id="log_btn"/>

        </div>
    

    <!-- 微信登录和密码登录 -->

<div class="qqweixin">
<a href="" class="weixin-btn">
    <img src="http://img.zbird.cn/ww3/auth/up20200916/weixin.jpg" style="width:23px;height:21px"/>
    <div class="dl_txt">微信登录</div>
</a>
<div class="dl_line"></div>
<a href="" class="qq-btn">
    <img src="http://img.zbird.cn/ww3/auth/up20200916/qq.jpg" style="width:18px;height:20px"/>
    <div  class="dl_txt">qq登录</div>
</a>
</div>
</div>

</div>
<!-- 底部 -->

<div class="footer">
    <div class="ft-wp">
    <div class="ftlists">
        <div class="ft-link-lst">
           <span>关于我们</span>
            <a href="">品牌简介</a>
            <a href="">市场合作</a>
            <a href=""> 诚聘贤才</a>
             <a href=""> 商务加盟</a>
        </div> 
        
             
         <div class="ft-link-lst">
            <span>购物指南</span>
             <a href="">定金规则</a>
             <a href="">定制时间</a>
             <a href=""> 货品包装</a>
              <a href="">智能定制</a>
              <a href="">钻石课堂</a>
         </div> 
             <div class="ft-link-lst">
            <span>支付与物流</span>
             <a href="">在线支付</a>
             <a href="">银行转账</a>
             <a href=""> 海外中心</a>
              <a href=""> 体验中心自提</a>
              <a href=""> 免费配送</a>
         </div> 
         <div class="ft-link-lst">
            <span>售后服务</span>
             <a href="">会员细则</a>
             <a href="">15天退换货</a>
             <a href=""> 以小换大</a>
              <a href=""> 售后服务</a>
         </div> 
     </div>        
            
     <div class="ft-bg"></div>
    <div class="ft-fri-info">
        <div>
            <a href="">全部热词</a>|
            <a href="">网站地图</a>|
            <a href="">在线投诉</a>|
            <a href="">隐私退款</a>|
            <a href="">备案号：沪IC备8011593号</a>|
           
            <a href="">Copyright © 2002-2021 www.zbird.com  钻石小鸟  All Rights Reserved.</a>
        </div>
        <p>上海铂利德钻石有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;021-26011188</p>
    </div>
    <div class="ft-imgs">
    <a href="">
        <img src="http://img.zbird.cn/ww3/pubheaderfooter/fot_certi.gif"/>
    </a>
    <a href="">
        <img src="	http://img.zbird.cn/ww3/pubheaderfooter/fot_certi_02.jpg"/>
    </a>
    <a href="">
        <img src="	http://img.zbird.cn/ww3/pubheaderfooter/fot_certi_03.jpg"/>
    </a>
    <a href="">
        <img src="	http://img.zbird.cn/ww3/pubheaderfooter/fot_certi_03.jpg"/>
    </a>
    <a href="">
        <img src="	http://img.zbird.cn/ww3/pubheaderfooter/picp_bg.png"/>
    </a>
    </div>
   
</div>
</div>
<script src="register&login.js"></script>
</body>
</html>